<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>颜色的三种体现方式</title>
  <style>
    h1 {
      /* 颜色名称 */
      color: yellowgreen;
    }

    h2 {
      /* RGB */
      /* color: rgb(255, 100, 200); */
      /* alpha取值范围是0~1，代表透明度的意思 */
      color: rgba(255, 100, 200, alpha);
    }

    h3 {
      /* Hex16进制 */
      color: #eeeeee;
    }
  </style>
</head>
<body>
  <h1>Heading No .1</h1>
  <h2>Heading No .2</h2>
  <h3>Heading No .3</h3>
</body>
</html>